<template>
    <div>
        <fold-Line :viewData="echartsData"></fold-Line>
        <!-- md -->
        <div class="markdown-body">
            <foldLineMD></foldLineMD>
        </div>
    </div>
</template>
<script>
import foldLineMD from "../md/foldLineMD.md"
import foldLine from "@/home/echart/foldLine"
export default {
    components:{
        foldLineMD,
        foldLine
    },
    data() {
        return {
            echartsData:{
                viewTitle:"折/曲线图",//标题 必填
                viewHeight:'540px',//图形高度，必填
                seiveApi:'',//接口方法
                serachParam:{},
                options:{
                    xAxis:{
                        data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],// x轴显示数据
                        axisLabel:{ //x轴样式
                            color:"red",
                            fontSize:"12"
                        },
                        spiltLine:{
                            show:true
                        }
                    },
                    yAxis: {
                        axisLabel: { //y轴样式
                            color: 'red',
                            fontSize:"12"
                        },
                    },
                    tooltip:{
                        show:true,

                    },
                    seriesData:[{
                        data:[820, 758, 1075, 934, 1290, 1330, 1320],
                        smooth:true,
                        type: 'line',
                        markLine: {
                            symbol:"none",
                            data: [
                                {type: 'average', name: '平均值'}
                            ],
                            label: {
                                normal: {
                                    formatter: '平均值1' // 这儿设置安全基线
                                }
                            }
                        },
                        markPoint: {
                            data: [
                                {type: 'max', name: '最大值'},
                                {type: 'min', name: '最小值'}
                            ]
                        },
                    }]
                }
            }
        };
    },
    methods: {
        
    }
}
</script>